html,
body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#id {
  width: 100%;
  height: 100%;
}
.app {
  width: 100%;
  height: 100%;
}

.login {
  width: 100%;
  height: 100%;
  background: url("../images/bg20.jpg") no-repeat;
  background-size: cover;

  position: absolute;
}

.logo {
  width: 60px;
  height: 60px;
  margin: 10px;
}

.login_header {
  display: flex;
  width: 100%;
  height: 80px;
  align-items: center;
  background-color: rgba(134, 46, 156, 0.5);
}

.login_header h1 {
  color: white;
  font-size: 30px;
  margin-bottom: 0px;
}

.login_section {
  width: 400px;
  height: 300px;
  background-color: white;
  margin: auto;
  margin-top: 50px;
  padding: 30px 50px;
}

.login_section h1 {
  font-size: 25px;
  text-align: center;
}

.login-form {
  max-width: 300px;
}

.login-form-button {
  width: 100%;
}
